<template>
  <div id="app">
    <Header />
    <div class="main">
      <router-view name="slideBar"></router-view>
      <router-view name="main"></router-view>
    </div>
  </div>
</template>
<script>
import Header from "./components/Header.vue";
export default {
  components: { Header },
  name: "App",
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
*::before,
*::after {
  box-sizing: border-box;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
body {
  background: #e1e1e1;
}
.main {
  width: 80%;
  margin: 0 auto;
}
</style>
